Warning: mkdir(): No space left on device in /var/www/tg-me/post.php on line 37

Warning: file_put_contents(aCache/aDaily/post/vuefaq/--): Failed to open stream: No such file or directory in /var/www/tg-me/post.php on line 50
Vue-FAQ | Telegram Webview: vuefaq/1369 -
Telegram Group & Telegram Channel
Telegram Group » Turkey » Vue-FAQ » Telegram Webview » Post 1369
Vue-FAQ
Если нужно добавить на страницу поле для редактирования текста, можно использовать атрибут contenteditable, как более приятную замену textarea (для полей больших форм это не очень хорошая замена).

Чтобы ограничить ввод только текстом, можно использовать значение plaintext-only у атрибута contenteditable. Это предотвратит вставку HTML-разметки, картинок или стилей.

<div 
  contenteditable="plaintext-only" 
  data-placeholder="Начните печатать..."
></div>

Дополнительно можно ловить события input и paste, чтобы очищать текст от случайного форматирования. Например, при вставке можно заменить HTML-содержимое на обычный текст через e.clipboardData.getData('text/plain').

Подробнее о тонкостях работы с contenteditable в статье на web.dev

#html
web.dev
The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available  |  Blog  |  web.dev
The contenteditable "plaintext-only" attribute value combination is now Baseline Newly available. Making an element contenteditable but plaintext-only has advantages over using a textarea in some cases highlighted in this post.
www.tg-me.com/tr/Vue FAQ/com.vuefaq/1369
652 views



tg-me.com/vuefaq/1369
Create:
Last Update:

Если нужно добавить на страницу поле для редактирования текста, можно использовать атрибут contenteditable, как более приятную замену textarea (для полей больших форм это не очень хорошая замена).

Чтобы ограничить ввод только текстом, можно использовать значение plaintext-only у атрибута contenteditable. Это предотвратит вставку HTML-разметки, картинок или стилей.

<div 
  contenteditable="plaintext-only" 
  data-placeholder="Начните печатать..."
></div>

Дополнительно можно ловить события input и paste, чтобы очищать текст от случайного форматирования. Например, при вставке можно заменить HTML-содержимое на обычный текст через e.clipboardData.getData('text/plain').

Подробнее о тонкостях работы с contenteditable в статье на web.dev

#html

BY Vue-FAQ




Share with your friend now:
tg-me.com/vuefaq/1369

View MORE
Open in Telegram


Vue FAQ Telegram | DID YOU KNOW?

Date: |

If riding a bucking bronco is your idea of fun, you’re going to love what the stock market has in store. Consider this past week’s ride a preview.The week’s action didn’t look like much, if you didn’t know better. The Dow Jones Industrial Average rose 213.12 points or 0.6%, while the S&P 500 advanced 0.5%, and the Nasdaq Composite ended little changed.

Telegram is riding high, adding tens of million of users this year. Now the bill is coming due.Telegram is one of the few significant social-media challengers to Facebook Inc., FB -1.90% on a trajectory toward one billion users active each month by the end of 2022, up from roughly 550 million today.

Vue FAQ from tr



Warning: filemtime(): stat failed for aCache/aDaily/post/vuefaq/-- in /var/www/tg-me/post.php on line 333

Warning: filemtime(): stat failed for aCache/aDaily/post/vuefaq/-- in /var/www/tg-me/post.php on line 334

Если нужно добавить на страницу поле для редактирования текста

 Vue-FAQ TG
Webview: 1369
Vue-FAQ.Telegram Webview
Vue-FAQ Telegram TG Channel
Telegram Updated:
Telegram Vue-FAQ
FROM USA